<template>
  <div id="app">
    <!-- 渲染输入框 -->
    <InputBox></InputBox>
    <!-- 渲染轮播图 -->
    <Swiper></Swiper>
    <!-- 渲染商家列表 -->
    <StoreList></StoreList>
    <!-- 渲染底部导航 -->
    <TabBar></TabBar>
  </div>
</template>

<script>
import InputBox from "./components/InputBox.vue";
import Swiper from "./components/Swiper.vue";
import StoreList from "./components/StoreList.vue";
import TabBar from "./components/TabBar.vue";

export default {
  name: 'App',
  components:{
    InputBox,
    Swiper,
    StoreList,
    TabBar
  }
}
</script>

<style>
*{
  padding: 0;
  margin: 0;
}
</style>
